<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./lib/bootstrap-validator/css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="./lib/nprogress/nprogress.css">
    <link rel="stylesheet" href="./css/common.css">
</head>
<body class="body-pad te">
    <!-- 侧边栏 -->
    <div class="let-left">
        <!-- 侧边栏头部 -->
        <div class="left-top">
            <p>黑马商城</p>
        </div>

        <!-- 侧边栏内容 -->
        <div class="left-one">
            <img class="one-img" src="./images/default.png" alt="">
            <p class="one-p">超级管理员</p>
        </div>

        <!-- 导航部分 -->
        <ul class="left-ul">
            <li class=""><i class="glyphicon glyphicon-glass"></i><a href="./username.html">用户管理</a></li>
            <li>
                <i class="glyphicon glyphicon-briefcase">

                </i><a id="btn-a" href="#">分类管理</a>
                <ul id="ul-one" class="ul-block">
                    <li class="bgc-li"><a href="#">一级分类</a></li>
                    <li><a href="./classifytwo.html">二级分类</a></li>
                </ul>
            </li>
            <li><i class="glyphicon glyphicon-credit-card"></i><a href="./commodity.html">商品管理</a></li>
        </ul>
    </div>

    <!-- 数据内容 -->
    <div class="let-content">
        <!-- 内容头部 -->
        <div class="content-top body-pad te">
            <i id="con-left" class="glyphicon glyphicon-transfer pull-left"></i>
            <i id="con-loginout" class="glyphicon glyphicon-plane pull-right"></i>
        </div>

        <!-- 内容导航 -->
        <ol class="breadcrumb ol-top">
                <li><a href="#">管理系统</a></li>
                <li class="active">分类管理</li>
                <li class="active">一级分类</li>
        </ol>

    </div>

    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="./lib/bootstrap-validator/js/bootstrapValidator.min.js"></script>
    <script src="./lib/nprogress/nprogress.js"></script>
    <script src="./js/common.js"></script>
</body>
</html>